<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="author" content="王晨阳">
        <title></title>
        <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <style>
            
        </style>
    </head>
    <body>

        <div class="container">
            <div class="row" style="background-color: black">
                <!--hidden:隐藏； hidden-lg：大屏幕下是隐藏的，其他屏幕下是可见-->
                <div class="col-md-4 hidden-lg" style="background-color: red">盒子一</div>
                <!--visible-lg-block：在大屏幕下以块元素显示-->
                <div class="col-md-4 col-md-offset-4 visible-lg-block" style="background-color: green">盒子二</div>
            </div>
        </div>

        <script src="bootstrap/js/jquery.min.js"></script>
        <script src="bootstrap/js/bootstrap.min.js"></script>
    </body>
</html>